<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ page language="java" contentType="text/html;  charset=utf-8"
	pageEncoding="utf-8"%>
<html lang="ko">
	<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    <title>Faeple</title>
    
    <link href="/resources/css/global-style.css" rel="stylesheet">
    <!--[if lt IE 9]>
		<script src="/resources/js/html5shiv.js"></script>
		<script src="/resources/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	body{
    		background-color: #fff!important;
    		color: #575A60!important;
    	}
    	.title_cover{
    		background-image: url("/resources/img/business_cover.jpg");
    		background-repeat: no-repeat;
    		background-position:50% 50%;
    		width: 100%;
    		height: 400px;
    		text-align: center;
    		color: white;
			text-shadow: #444 0 1px 1px;
			font-size: 36px;
			padding-top: 150px;
			margin-top: -50px;
    	}
    	.fbtn{ border-radius:3px!important; padding:14px 16px!important; font-size: 16px!important; font-weight: bold!important; }
    	
    	.info-wrapper{ max-width:950px; width:100%; margin:70px auto 0 auto; }
    	.info_txt{ padding-left:460px;font-size:20px;padding-top:25px; }
    	hr{ margin-bottom:40px!important; }
    	.sign_btn { font-size: 18px; text-decoration:none!important; color:#fff!important; padding:8px 22px; border:3px solid #fff; border-radius:4px; margin-top:18px; }
    </style>
</head>

<body>
<div id="viewport">
<div id="page">
<!-- header -->
<%@ include file="head.jsp" %>
<!-- header -->
<div class="title_cover">
<p>Faeple for business<br>Faeple 비즈니스 계정을 시작해보세요</p>
</div>
<div class="info-wrapper">
	<h3>1. 비즈니스 계정만의 특별한 서비스</h3>
	<div style="margin: 50px 0;">
		<div style="float:left;"><img src="/resources/img/business_info1.png"></div>
		<div class="info_txt">현재 판매중인 상품을 사람들이 구매할 수 있도록 안내해 보세요.</div>
		<div class="clearfix"></div>
	</div>
	<hr>
	
	<h3>2. 상품 분석을 통한 비즈니스 활용</h3>
	<div style="margin: 50px 0;">
		<div style="float:left;"><img src="/resources/img/business_info2.png"></div>
		<div class="info_txt">각 상품에 대한 다양한 분석을 통해 비즈니스에 활용해 보세요.</div>
		<div class="clearfix"></div>
	</div>
	<hr>
	
	<h3>3. 이벤트 및 광고 서비스</h3>
	<div style="margin: 50px 0;">
		<div style="float:left;"><img src="/resources/img/business_info3.png"></div>
		<div class="info_txt">사람들에게 이벤트를 홍보하고, 맞춤형 광고를 통해 수익을 올려보세요.<br><span style="color:#ddd;font-style: italic;">준비중입니다</span></div>
		<div class="clearfix"></div>
	</div>
	<hr>
	<div style="padding:10px 0 50px 0;text-align:center;">
		<h3 style="margin-bottom:35px;">비즈니스 계정 가입은 무료입니다.</h3>
		<c:if test="${empty userDto}">
		<a href="/business/sign" class="btn fbtn" style="background-color: #FF4040; color:#fff; box-shadow: 0 2px 0 0 #BF3030;" title="비즈니스 계정 만들기">비즈니스 계정 만들기</a>
		<p style="margin-top:10px;"><a href="/business/change">이미 회원이신가요?</a></p>
		</c:if>
		<c:if test="${not empty userDto}">
		<a href="/business/change" class="btn fbtn" style="background-color: #FF4040; color:#fff; box-shadow: 0 2px 0 0 #BF3030;" title="비즈니스 계정 만들기">비즈니스 계정 만들기</a>
		</c:if>
<!-- 		<p style="margin-top:10px;"><a href="/business/change">이미 회원이신가요?</a></p> -->
		
	</div>
</div>
</div><!-- end page -->
<%@ include file="commonScript.jsp" %>
</div><!-- end viewport -->
<script type="text/javascript">
	$(function(){
		
	});
</script>
</body>
</html>